import styled from "styled-components";

export const PaginationWrapper = styled.div`
  :where(.css-dev-only-do-not-override-98ntnt).ant-pagination .ant-pagination-item-active {
    font-weight: 600;
    background-color: #000;
    border-color: #000;
  }
  :where(.css-dev-only-do-not-override-98ntnt).ant-pagination .ant-pagination-item-active a {
    color: #fff;
  }
  :where(.css-dev-only-do-not-override-98ntnt).ant-pagination .ant-pagination-item {
    border-radius: 50%;
  }
  :where(.css-dev-only-do-not-override-98ntnt).ant-pagination
    .ant-pagination-jump-prev
    .ant-pagination-item-container
    .ant-pagination-item-link-icon,
  :where(.css-dev-only-do-not-override-98ntnt).ant-pagination
    .ant-pagination-jump-next
    .ant-pagination-item-container
    .ant-pagination-item-link-icon{
        color: #000;
    }
    .info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;

    .desc {
      margin-top: 30px;
    }
  }
`;